<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />

	</head>

	<body>

		<header id="header" class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">导航栏</h1>
		</header>
		<div class="container" style="margin-top: 50px;">

			<select id="table_select" name="tableno">
				<option value="1">A1号</option>
				<option value="2">A2号</option>
				<option value="3">A3号</option>
				<option value="4">A4号</option>
			</select>
			<input type="button" value="确认" onclick="selectTableId()">

		</div>

		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/default.js"></script>
		<script type="text/javascript" charset="utf-8">
			mui.init();
			var table_id = 0;
			//选择完成桌号后确认按钮的点击事件
			function selectTableId() {
				table_id = $("#table_select option:selected").val();
				plus.storage.setItem("table_id", table_id);
				window.location = "main.html";
			}
			mui.plusReady(function() {
				plus.storage.clear();
				plus.storage.setItem("table_id", table_id);
			});
		</script>

	</body>

</html>